﻿<style>
    .page.article {
        font-size: 0.9em;
        background-color: #F1F1F1;
    }

    .page__bd {
        position: relative;
    }

        .page__bd .tips {
            width: 100%;
            position: absolute;
            bottom: 0px;
            background-color: #000;
            opacity: 0.5;
            margin: 0;
            color: #fff;
            text-align: right;
        }

    .weui-article {
        padding: 0px;
    }

        .weui-article * {
            text-align: center;
        }

        .weui-article section, .weui-article section p {
            margin-bottom: 0;
        }

    .page_cd {
        position: relative;
        padding: 6px 0 10px 0;
        text-align: center;
    }

        .page_cd .center {
            padding: 6px 0;
            width: 100%;
            height: 20%;
            background-color: #85AEDC;
            position: relative;
            color: #ECF9FD;
        }

            .page_cd .center .weui-flex .weui-flex__item {
                border-right: 1px solid #ECF9FD;
            }

                .page_cd .center .weui-flex .weui-flex__item:last-child {
                    border: none;
                }

    .page__category-content img {
        width: 20px;
        margin-right: 5px;
    }
</style>
<div class="h-full" ng-controller="IndexCtrl">
    <div class="page article js_show h-full" ng-show="currCard" style="padding-bottom: 15px;">
        <div class="page__bd">
            <article class="weui-article">
                <section>
                    <p>
                        <img ng-src="{{currCard.cardLogo}}"/>
                    </p>
                </section>
            </article>
            <p class="tips" style="margin-bottom: 7px; text-align: center;" ng-bind="currCard.cardNo"></p>
        </div>
        <div class="page_cd">
            <div class="center">
                <div class="weui-flex">
                    <!--<div class="weui-flex__item"><div class="placeholder">黄金</div></div>-->
                    <div class="weui-flex__item" ui-sref="wx.storevalue({Type:1,CardID:currCard.cardId})"><div class="placeholder" ng-bind="currCard.cardValue">500</div></div>
                    <div class="weui-flex__item"><div class="placeholder" ng-bind="currCard.cardPoints">260</div></div>
                    <div class="weui-flex__item" ui-sref="wx.coupon"><div class="placeholder" ng-bind="couponCount">10</div></div>
                </div>
                <div class="weui-flex">
                    <!--<div class="weui-flex__item"><div class="placeholder" >会员等级</div></div>-->
                    <div class="weui-flex__item" ui-sref="wx.storevalue({Type:1,CardID:currCard.cardId})"><div class="placeholder">账户余额</div></div>
                    <div class="weui-flex__item"><div class="placeholder">可用积分</div></div>
                    <div class="weui-flex__item" ui-sref="wx.coupon"><div class="placeholder">优惠券</div></div>
                </div>
            </div>
        </div>
        <div class="weui-cells page__category-content" style="margin-top:0px">
            <a class="weui-cell weui-cell_access" ng-click="chooseCard_click()">
                <div class="weui-cell__hd"><img src="img/wx/index/card.png" /></div>
                <div class="weui-cell__bd"><p>会员卡</p></div>
                <div class="weui-cell__ft"><span ng-bind="currCard.cardName"></span>(共<span ng-bind="cards.length"></span>张)</div>
            </a>
            <a class="weui-cell weui-cell_access" href="javascript:;" ui-sref="wx.storevalue({Type:2,CardID:currCard.cardId})">
                <div class="weui-cell__hd"><img src="img/wx/index/card-charge.png" /></div>
                <div class="weui-cell__bd">
                    <p>会员卡充值</p>
                </div>
                <div class="weui-cell__ft"></div>
            </a>


        </div>
        <!--<div class="weui-cells page__category-content" style="margin-top:15px">
            <a class="weui-cell weui-cell_access" href="javascript:;" ui-sref="wx.order_dishes">
                <div class="weui-cell__hd"><img src="img/@1x/我的订单.png" /></div>
                <div class="weui-cell__bd">
                    <p>点餐系统</p>
                </div>
                <div class="weui-cell__ft"></div>
            </a>
            <a class="weui-cell weui-cell_access" href="javascript:;" ui-sref="wx.orders">
                <div class="weui-cell__hd"><img src="img/@1x/我的订单.png" /></div>
                <div class="weui-cell__bd">
                    <p>我的订单</p>
                </div>
                <div class="weui-cell__ft"></div>
            </a>
        </div>-->
        <div class="weui-cells page__category-content" style="margin-top:15px">
            <a class="weui-cell weui-cell_access" href="javascript:;" ui-sref="wx.file">
                <div class="weui-cell__hd"><img src="img/wx/index/file.png" /></div>
                <div class="weui-cell__bd">
                    <p>我的档案</p>
                </div>
                <div class="weui-cell__ft"></div>
            </a>
            <!--<a class="weui-cell weui-cell_access" href="javascript:;" ui-sref="wx.address">
                <div class="weui-cell__hd"><img src="img/wx/index/adress.png" /></div>
                <div class="weui-cell__bd">
                    <p>我的地址</p>
                </div>
                <div class="weui-cell__ft"></div>
            </a>-->
        </div>
    </div>

    <div ng-show="showMask">
        <div class="weui-mask" ng-click="btncancelMask_click()"></div>
        <div class="weui-actionsheet weui-actionsheet_toggle">
            <div class="weui-actionsheet__title">
                <p class="weui-actionsheet__title-text">请选择会员身份</p>
            </div>
            <div class="weui-actionsheet__menu">
                <div class="weui-actionsheet__cell" ng-repeat="item in cards" ng-click="chooseCurrCard_click(item)">
                    <span>{{item.cardName}}</span>(<span>{{item.cardNo}}</span>)
                </div>

            </div>
            <div class="weui-actionsheet__action" ng-click="btncancelMask_click()">
                <div class="weui-actionsheet__cell" id="iosActionsheetCancel">取消</div>
            </div>
        </div>
    </div>
</div>